<template>
	<view v-if="image.data">
		<view 
		:style="{'padding-top':image.style.paddingTop +'px','padding-bottom':image.style.paddingTop +'px','padding-left':image.style.paddingLeft+'px','padding-right':image.style.paddingLeft+'px','background-color':image.style.background}" 
		v-for="(item,index) in image.data" :key="index">
			<img class="imgItem" :src="item.imgUrl" alt="" >
		</view>
	</view>
</template>

<script>
import { mapState } from 'vuex';
	export default {
		name:"my-image",
		data() {
			return {
				
			};
		},
		computed:{
			...mapState('home',['image'])
		}
	}
</script>

<style lang="scss" scoped>
.imgItem{
	width: 750rpx;
	height: 470rpx;
	display: block;
}
</style>